<?php
include_once '../model/Categoria.php';
?>
<!DOCTYPE HTML>
<html>
    <head>
        <?php include 'content.php'; ?>
        <script type="text/javascript">
            $(document).ready(function () {

                $(".table").dataTable({
                    "oLanguage": {
                        "sLengthMenu": "Visualiza _MENU_ categorias por página",
                        "sZeroRecords": "No hubo coincidencias",
                        "sInfo": "Mostrando _START_ de _END_ de _TOTAL_ categorias",
                        "sInfoEmpty": "Mostrando 0 de 0 de 0 categoria",
                        "sInfoFiltered": "(filtrado de _MAX_ categorias)",
                        "sSearch": "Buscar",
                        "oPaginate": {
                            "sFirst": " Primera ",
                            "sNext": " Siguiente ",
                            "sPrevious": " Anterior ",
                            "sLast": " Ultima "
                        }
                    },
                    "bLengthChange": false,
                    "iDisplayLength": 10
                });                
                
                $("#dialog-form").dialog({
                    autoOpen: false,
                    height: 400,
                    width: 450,
                    modal: true,
                    buttons: {
                        "Salvar": function () {
                            $("form[name='formAgregar']").submit();
                        },
                        "Cancelar": function () {
                            $(this).dialog("close");
                        }
                    }
                });

                $("#formAgregar").validate({
                    rules: {
                        nombre: {
                            required: true,
                            minlength: 2
                        }                       
                    },
                    messages: {
                        nombre: {
                            required: "Por favor, ingresa el nombre",
                            minlength: "El nombre debe tener al menos 2 caracteres"
                        }
                    }
                });            
                
                $("#formAgregar").submit(function () {
                    if ($("#formAgregar").validate().form()) {                        
                        $.ajax({
                            data:  $("#formAgregar").serialize(),
                            url:   '<?php echo $_SERVER['HELPER'] ?>?action=categoria&method=save&result=ajax',
                            type:  'post',
                            beforeSend: function () {
                            },
                            success:  function (data) {     
                                
                                var info = JSON.parse(data);
                                                        
                                alert(info.msj);
                                
                                if (info.estatus== AJAX_SUCCESSFUL){
                                    if ($("#id").val() != 0) {                                                                                
                                        $("#data-u").dataTable().fnDeleteRow($("#data-u").dataTable().$('tr.row_selected')[0]);                                        
                                    }
                                    
                                    var addId = $("#data-u").dataTable().fnAddData([
                                        '<a href="#" onclick="cargarItems('+ info.id +')">'+$("#nombre").val().toUpperCase()+'</a>',                                       
                                        "<img src='../images/construc_edit.png' onclick='saveOrUpdate(" + info.id + ")' " +
                                            "width='16' " +
                                            "height='16' " +
                                            "alt='' " +
                                            "title='Actualizar Constructora' />",
                                        "<img src='../images/construc_remove.png' onclick='deleteU(" + info.id + ")' " +
                                            "width='16' " +
                                            "height='16' " +
                                            "alt='' " +
                                            "title='Eliminar Constructora' />"]);

                                    var theNode = $('#data-u').dataTable().fnSettings().aoData[addId[0]].nTr;
                                    theNode.setAttribute('id', info.id);    
                                    
                                    $("#dialog-form").dialog("close");
                                }                                                                
                            }
                        });              
                    }
                    return false;
                });                
            });
            
            function saveOrUpdate(id) {
                var title = (id == 0) ? "Crear Categoria" : "Actualizar Categoria";

                $("#formAgregar").reset();

                $("#rif").removeAttr("readonly");

                if (id == 0) {             
                    $("#id").val("0");                         
                } else {
                    $("#id").val(id);     
                    $("#"+id).addClass('row_selected');  
                    
                    $.ajax({
                        data:  $("#formAgregar").serialize(),
                        url:   '<?php echo $_SERVER['HELPER'] ?>?action=categoria&method=query&result=ajax',
                        type:  'post',
                        beforeSend: function () {
                        },
                        success:  function (data) {   
                            
                            var info = JSON.parse(data);
                            
                            if (info.estatus== AJAX_SUCCESSFUL){                                
                                $("#id").val(info.id);                                                             
                                $("#nombre").val(info.nombre);                                   
                            }else{
                                alert(info.msj);
                            }
                        }
                    });
                }

                $("#tituloAgregar").html(title);
                $("#dialog-form").dialog("open");
            }
            
            function deleteU(id) {
                if (confirm("¿Seguro eliminar la categoria seleccionada y toda su informacion asociada?")) {

                    $("#id").val(id);
                    $("#"+id).addClass('row_selected');                    

                    $.ajax({
                        data:  $("#formAgregar").serialize(),
                        url:   '<?php echo $_SERVER['HELPER'] ?>?action=categoria&method=delete&result=ajax',
                        type:  'post',
                        beforeSend: function () {
                        },
                        success:  function (data) {                            
                          
                          var info = JSON.parse(data);
                                                        
                            alert(info.msj);
                                
                            if (info.estatus == AJAX_SUCCESSFUL) {
                                $("#data-u").dataTable().fnDeleteRow($("#data-u").dataTable().$('tr.row_selected')[0]);                                
                            }                                    
                        }                                    
                    });
                } 
            }
            
            function cargarItems(id){
                $("#idCategoria").val(id);
                $("form[name='formItem']").submit();
            }
           
        </script>
    </head>
    <body>      
        <?php include_once 'header.php'; ?> 
        <div id="main">
            <div class="column-left">
                <?php include_once 'lateral.php'; ?> 
            </div>
            <div class="column-center" style="text-align: right;">
                <div style="text-align: left;">
                    <h2>Categorias Registradas</h2>
                    <img alt=""  src="../images/construc_add.png" width="32" height="32" class="pointer"
                         onclick="saveOrUpdate(0);"/>
                </div>                
                <table id="data-u" border="0" class="table">
                    <thead>
                        <tr>
                            <th>NOMBRE</th>                            
                            <th style="width: 5%;"></th>
                            <th style="width: 5%;"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php

                        if ($_SESSION['listaCategorias'] != null) {
                            $i = 0;
                            $categoria = new Categoria();
                            $listaCategorias = unserialize($_SESSION['listaCategorias']);

                            for ($i = 0; $i < count($listaCategorias); $i++) {
                                $categoria = $listaCategorias[$i];
                                ?>                                
                                <tr id="<?php echo $categoria->getId(); ?>">
                                    <td><a href="#" onclick="cargarItems(<?php echo $categoria->getId(); ?>);"> <?php echo $categoria->getDescripcion(); ?></a></td>                                
                                    <td>
                                        <img src="../images/construc_edit.png" alt="" class="pointer" width="16" height="16"
                                             title="Actualizar Categoria" onclick="saveOrUpdate(<?php echo $categoria->getId(); ?>)"/>
                                    </td>
                                    <td>
                                        <img src="../images/construc_remove.png" alt="" class="pointer" width="16" height="16" 
                                             title="Eliminar Categoria" onclick="deleteU(<?php echo $categoria->getId(); ?>)"/>
                                    </td>
                                </tr>
                                <?php
                            }
                        }
                        ?>
                    </tbody>
                </table>
                <form id="formItem" name="formItem" method="post" 
                      action="<?php echo $_SERVER['HELPER'] ?>?action=item&method=listar">
                    <input type="hidden" id="idCategoria" name="idCategoria"/>
                </form>
            </div>
            <div class="column-right">
                <?php include 'right.php'; ?> 
            </div>
        </div>
        <?php include_once 'footer.php'; ?>  
        <div id="dialog-form" title="Categoria">
            <form id="formAgregar" name="formAgregar" method="post" action="#">
                <fieldset>
                    <legend id="tituloAgregar"></legend>
                    <table style="width: 100%;">
                        <tr>
                            <td>
                                <label for="nombre">Nombre:</label></td>
                            <td>
                                <input type="text" name="nombre" id="nombre" class="text ui-widget-content ui-corner-all" maxlength="100" style="width: 100%;" placeholder="Nombre" /></td>
                        </tr>                     
                    </table>
                </fieldset>
                <input type="hidden" name="id" id="id" />
            </form>
        </div>
    </body>    
</html>